<script  setup>
import Card from "../../help/Card.vue";
import { EchartsOptions } from "../../help/index.js";
import { nextTick,ref } from "vue";

const id = ref(Math.random().toString(36).substring(2, 9))

const option = {
  color:'#FF9900',
  tooltip: {

  },
  xAxis: {
    type: 'category',
    data: ['任务1','任务2','任务3','任务4','任务5','任务6','任务7'],
  },
  grid: {
    left: '10%',
    top: '20%',
    right: '0%',
    bottom: '20%',
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [79.6,75.6,90.8,77.5,86,86,97],
      type: 'line',
      smooth: true
    }
  ]
}

nextTick(() => {
  EchartsOptions(option, id.value)
})
</script>

<template>
  <Card title="个人增量" class="basis-1/3 w-full h-full animate__animated animate__fadeInTopLeft">
    <div class="w-full h-full" :id="id"></div>
  </Card>
</template>
